<?php 
session_start(); 
require('include/connect.php');
?>
<!DOCTYPE html>
<html style="overflow: hidden;" lang="en"><head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>BootCommerce Demo</title>    
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="BootCommerce is an E-commerce solution based on twitter bootstrap,perfect for any kind of shops.A complete Control Panel to manage Products, Categories, Orders,Clients and many system options">
    <meta name="keywords" content="e-commerce,ecommerce,bootstrap,twitter shop,shop,online sell,envato,codecanyon,template shop">
    <meta name="author" content="MrPlugins">
    <meta name="robots" content="INDEX,FOLLOW">
    <meta name="viewport" content="user-scalable=no,initial-scale=1.0, maximum-scale=1.0 width=device-width">
    <!-- Styles -->
    	 
	<link href="BootCommerce Demo_files/bootstrap.css" rel="stylesheet">
	<link href="BootCommerce Demo_files/bootstrap-responsive.css" rel="stylesheet">

    <!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
    <!--[if lt IE 9]>
      <script src="http://www.mrplugins.it/bootcommerce/include/js/html5shiv.js"></script>
    <![endif]--> 
    <link href="css_jss/product.css" rel="stylesheet">       
    <!--[if lt IE 9]>
        <script src="http://www.mrplugins.it/bootcommerce/include/js/html5shiv.js"></script>
    <![endif]--> 
    	<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
	
	<script type="text/javascript" >
	var g_l=0,product_bg_color,first_list_load=0;
	
	
	
			function change_body_color()
			{
				
				document.getElementById("body").style.backgroundColor="#"+document.getElementById("body_color").value;
				
			}
			
			function change_product_bg_color()
			{
				product_bg_color="#"+document.getElementById("product_color").value;
				document.getElementById("product_bg").style.backgroundColor="#"+document.getElementById("product_color").value;
				$( "#product_list_view .row-fluid" ).css("background-color", product_bg_color);
				
					 
				
			}
			
			
				
					
			
			function close_login_form()
			{
			
				document.getElementById("top-login-form-container").style.display="none";
				document.getElementById("welcome-message").style.display="block";
				
			
			}
			
			function closeIFrame(){
				 document.getElementById('cart_popup').style.display='none';
				 
			}
			
			function close_more_IFrame(){
				 document.getElementById('more_popup').style.display='none';
				 
			}
			
			
			function close_trailer_IFrame(){
				 document.getElementById('trailer_popup').style.display='none';
				 
			}

			function  open_login_box()
			{
				$("#top-login-form-container").css("display","block");
				$("#welcome-message").css("display","none");
			
			}
			
			
			$( "#full_body" ).scroll(function() {
			
			$("#scroll_test").html("the scroll is working");
				
			});
			function topcartreload(){
			var cartpop = "topcart";
				$.ajax({
					url:'cartpop.php',
					type:"post",
					'data': 'p='+cartpop,
					success:function(data){
						loadtopcart();
						$('#cart_popup').append(data);
						
						
					}
				});
			}
			function loadtopcart(){
				var cartpop = "topcart";
				$.ajax({
					url:'topcart.php',
					type:"post",
					'data': 'p='+cartpop,
					success:function(data){
						$('#cartajax').html(data);
						
					}
				});
			}
		
	</script>		
		
	<!--css for vertical menus-->
			
		<link href="vertical_menus_js/mtree.css" rel="stylesheet">
				 
	<!--/css for vertical menus-->
	
	
	<!--image hover text overlay css and js-->
	
	<link rel="stylesheet" href="hover/css/style.css" />
	<link rel="stylesheet" href="hover/css/custom.css" />
	<script src="hover/js/jquery-1.9.1.min.js" type="text/javascript"></script>	
	<script src="hover/js/modernizr.js" ></script>
			
			<script type="text/javascript">
				$(document).ready(function(){
				
				$("#messages-list .span4").css("clear","none");
				
					if (Modernizr.touch) {
						// show the close overlay button
						$(".close-overlay").removeClass("hidden");
						// handle the adding of hover class when clicked
						$(".img").click(function(e){
							if (!$(this).hasClass("hover")) {
								$(this).addClass("hover");
							}
						});
						// handle the closing of the overlay
						$(".close-overlay").click(function(e){
							e.preventDefault();
							e.stopPropagation();
							if ($(this).closest(".img").hasClass("hover")) {
								$(this).closest(".img").removeClass("hover");
							}
						});
					} else {
						// handle the mouseenter functionality
						$(".img").mouseenter(function(){
							$(this).addClass("hover");
						})
						// handle the mouseleave functionality
						.mouseleave(function(){
							$(this).removeClass("hover");
						});
					}
				});
			</script>
				
				
	<!--/image hover text overlay css and js-->
	
		<style type="text/css" >
			/*#cartModal{margin-left:auto;margin-right:auto;width:auto;background-color:transparent;top:0%;overflow-y:scroll;}*/	
            #footer_modified{

				background-attachment: scroll;
				background-clip: border-box;
				background-color: #2D3035;
				background-image: none;
				background-origin: padding-box;
				background-position: 0% 0%;
				background-repeat: repeat;
				background-size: auto auto;
				border-top-color: #09C;
				border-top-style: solid;
				border-top-width: 5px;
				color: #BFBFBF;
				font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
				font-size: 13.3333px;
				line-height: 20px;
				margin-top: 30px;
				padding-bottom: 20px;
				padding-left: 20px;
				padding-right: 20px;
				padding-top: 20px;


				}
		
		</style>
	
	
	
	
  </head>  
  <body id="full_body">
   <div class="scroll_body_container" id="body" ><!-- CONTAINER FOR NICESCROLL PLUGIN (FIX CHROME SCROLLING PROBLEM) this will be closed into footer.php file -->
    
   <section class="container-fluid" id="top-bar"  > 

	<script type="text/javascript" src="color_picker/jscolor.js"></script>

	<!--Body Color: <input  id="body_color" class="color"  value="white" onchange="change_body_color()">
	Product Background Color: <input  id="product_color" class="color"  value="white" onchange="change_product_bg_color()">
	<p id="scroll_test" >testing</p>-->
	
	
  <div class="container-semifluid">
    <div class="row-fluid">
         
       <div class="span1 text-right" style="display:none;" >
      	 <select style="width: 0px; height: 0px; outline: medium none; padding: 0px; margin: 0px; opacity: 0;" id="default_client_language" class="change_language_on_the_fly bootstyl text-left solid unbordered" name="default_client_language" data-verse="right">
  <option data-img-before="&lt;img src=&quot;http://www.mrplugins.it/bootcommerce/lang/en_US/en_US.png&quot; style=&quot;margin-right:10px;&quot; /&gt;" value="en_US" selected="selected"></option><option data-img-before="&lt;img src=&quot;http://www.mrplugins.it/bootcommerce/lang/it_IT/it_IT.png&quot; style=&quot;margin-right:10px;&quot; /&gt;" value="it_IT"></option></select>
       </div>
       
	
	
  <div class="span7" style="float:right;" >
           <div id="top-login-form-container">
		   <a href="#" class="retrieve-data">Forgotten Data?</a> | <a href="signup.php">Sign up</a> | <a style="cursor:pointer;" onclick="close_login_form()" >Close</a>
              <form novalidate="novalidate" method="post" action="check.php" accept-charset="UTF-8" id="top-login-form">
                     <div class="control-group pull-left">
                       <div class="controls">
                         <div class="input-prepend">
                          <span class="add-on"><i class="icon-user"></i></span>
                          <input autocomplete="off" name="useridLog" id="top-useridLog" class="required" placeholder="UserID" type="text">
                         </div>
                       </div>
                     </div>
                     <div class="control-group pull-left">
                       <div class="controls">
                         <div class="input-prepend">
                          <span class="add-on"><i class="icon icon-black icon-key"></i></span>
                          <input name="passwordLog" id="top-passwordLog" class="required" placeholder="Password" value="" type="password">
                        </div>
                      </div>
                    </div>
					
                    <span class="btn btn-info unbordered solid squared" id="top-btn-login"><i class="icon icon-white icon-unlocked"></i> Login</span>
                    <div class="clearfix"></div>
              </form>
              
           </div>
                         <div class="welcome-message" id="welcome-message" style="float:right;" > 
						 Welcome on Q8 Movies
						 <?php if(isset($_SESSION['CID'])){?>
						 <a href="" id="btn-login-link" onclick="logoutt()">Logout</a> | <a href=""><?=$_SESSION['uName'];?></a></div>
						 <?php }else{ ?>
						 <a style="cursor:pointer;" onclick= "open_login_box()" id="btn-login-link">Login</a> | <a href="signup.php" >Sign up</a></div>
						 <?php } ?>
                  </div>
				
				  
				  
<div class="span4" style="float:right;" >
	<div class="row-fluid">
     <div class="span12 text-right">
           <ul class="nav topcart">
                <li class="dropdown"> <span onclick="topcartreload();document.getElementById('cart_popup').style.display='block';"
				class="dropdown-toggle" data-toggle="dropdown" id="cartajax"> <i class="icon32 icon-basket icon-black"></i> 
				<span class="label label-info"><?php echo isset($_SESSION['total_number']) ? $_SESSION['total_number'] : 0 ;?> Products</span> - <?php echo isset($_SESSION['subtotal']) ? $_SESSION['subtotal'] : 0; ?> <b class="caret"></b>
				</span>                  
                    
                </li>
            </ul>    
    </div>
  </div>      
</div>
  
  
    </div>
  </div>
</section>
<header> 
 <section class="container-semifluid" id="header-container"> 
  <div class="row-fluid"> 
    <div class="span2 logo-container">
      <a href=""><img src="BootCommerce Demo_files/bc_logo.png" alt="http://www.mrplugins.it/bootcomemrce"></a>
    </div>
    <div class="span6 text-right">
         <form id="search-form" class="form-search form-horizontal" action="" method="get">
            <div class="input-append span12" style="width:100%;">
                <input type="text" autocomplete="off" list="movie_names" name="sp" class="search-query" placeholder="Search..." id="search_front" onkeyup="searchh(this.value)">
                <button type="submit"><i class="icon-search"></i></button>
            </div>
			<datalist id="movie_names">
				
			</datalist>
        </form>
    </div>
    <div class="span4 main-menu-container text-right">
      <a ><i class="icon-user"></i> Your Account</a>
	  <a id="wish_menu_link" href="wishlist.php"><i class="icon-wishlist"></i> Wishlist</a> 
      <a href="vigsign.php?action=checkout"><i class="icon-ok-circle"></i> Checkout</a>
      <a href=""><i class="icon icon-black icon-contacts"></i> Contact Us</a>
    </div>
	
	
  </div> 
  
  
 </section>
</header>
<div class="clearfix"></div>    
   <section class="container-semifluid" id="main-container"> 
        
	<div class="clearfix" style="padding-top:20px;"></div>    	  
		<section class="row-fluid">
		  <section class="span3 left-sidebar-container"  id="left_hand_menus" style="max-width:13%; width:13%;" > 
             <aside class="left-sidebar">
				<nav id="categories-menu">
					<div class="head default-head">
						<div class="box-header">
							<span class="header-text">Categories</span>
						</div>          
					</div>
					
					<div class="accordion_menu_container responsiveMenu">
						<ul class="mtree transit" id="v_menu" style="margin-left: -30px;"  >
							<li id="first_menu" ><a href="#">Movies</a>
							  <ul id="first_menu_ul" >
								 <?php 			 
								 $category_list = mysqli_query($con,"SELECT * FROM category order by cName")OR DIE(mysqli_errno());
									$cat_numrows = mysqli_num_rows($category_list);
									$cat_counter = 0;
									while($cat_row=mysqli_fetch_assoc($category_list))
									{
										$CategoryID = $cat_row['CategoryID'];
										$cName = $cat_row['cName'];
								 ?>
								 <li style="position:relative;">
								   <a data-breadcrumb="129" class="link" href="products1.php?catid=<?php echo $CategoryID;?>"><?php echo $cName;?></a>                       
								 </li>                  	
										 
							   <?php } ?>      						
							  </ul>
							</li>
							
							<li ><a href="#">Books</a>
							  <ul id="second_menu" >
								<li ><a href="#">item 1</a></li>
								<li ><a href="#">item 2</a></li>
								<li ><a href="#">item 3</a></li>								
							  </ul>
							</li>
							
							<li ><a  href="#">Phone Accessories</a>
							  <ul id="third_menu" >
								<li ><a href="#">item 1</a></li>
								<li ><a href="#">item 2</a></li>
								<li ><a href="#">item 3</a></li>								
							  </ul>
							</li>
							
							
						</ul>
						

<!--js  for vertical menus-->
		<script src="vertical_menus_js/jquery.min.js"></script>
		<script src="vertical_menus_js/mtree.js"></script>
		<script src='vertical_menus_js/jquery.velocity.min.js'></script>
			<script type="text/javascript">
				$( document ).ready(function() {
						
						$('#first_menu').removeClass( "mtree-node mtree-closed" ).addClass('mtree-node mtree-active mtree-open');
						$('#first_menu_ul').css({'overflow':'hidden', 'height': 'auto', 'display': 'block' });
					});
			</script>
<!--/js for vertical menus-->



				
				</div> 
				</nav>        
     </aside> 
        <br>  
           <aside class="left-sidebar">
               <nav class="accordion_menu_container">
               <div class="head default-head">
                  <div class="box-header">
                     <span class="header-text">Shopping by</span>
                  </div>          
               </div>
              
                <div class="responsiveMenu">  
                  <br> 
                   
                <div style="background:#fff;border:1px solid #09c;padding:5px;"> 
                  <label class="checkbox" for="offer_filter"><span class="icons"><span class="first-icon fui-checkbox-unchecked"></span><span class="second-icon fui-checkbox-checked"></span></span><input type="checkbox" data-toggle="checkbox" id="offer_filter">Only On Offer</label> 
                </div>
                <br><br>
                 <div class="pull-left">
                  $ 0.00                  </div>
                  <div class="pull-right">
                  $ 52.69                  </div>                  
                  <div class="row-fluid">
                    <span class="span12">
                      <div class="slider slider-horizontal"><div class="slider-track"><div class="slider-selection" style="left: 0%; width: 100%;"></div><div class="slider-handle round" style="left: 0%;"></div><div class="slider-handle round" style="left: 100%;"></div></div><div class="tooltip top in" style="top: -40px; left: 127px;"><div class="tooltip-arrow"></div><div class="tooltip-inner"> from <strong> $0,00 </strong> to <strong> $52,69 <strong></strong></strong></div></div><input type="text" id="slider" calss="span12" value="" data-slider-min="0" data-slider-max="52.6864" data-slider-step="1" data-slider-value="[0,52.6864]" data-slider-orientation="orizontal" data-slider-selection="after" data-slider-tooltip="show" autocomplete="off"></div>
                    </span>
                  </div>
                  <br> 
                <div class="pull-left btn btn-warning" id="btn-reset-filter"><i class="icon-refresh icon-white"></i> Reset filters</div>
                <div class="pull-right btn btn-success" id="btn-filter"><i class="icon-filter icon-white"></i> filter</div>
                <br><br>  
                 </div>
                </nav>                                  
           </aside>                     		  
        </section>
	        <!-- SHOWCASE --> 
            <section class="span8" style="margin-left:0px;width:87%;max-width:87%;" id="product_bg">
                      <section id="filter-bar" class="span12">
               <div id="view-mode" class="pull-left">
                 <span class="grid-view active" id="grid_view" onclick="grid_list(0)" ></span><a onclick="grid_list(1)" class="list-view" id="list_view" ></a>               </div>
               <div id="order-by" class="pull-right">
                  <a href="?p=1&amp;ob=desc"><i class="sort-by asc"></i></a>
               </div>                
               <div id="sort-by" class="pull-right">
                   <strong class="text-info">Sort by: </strong>
                   <select style="width: 0px; height: 0px; outline: medium none; padding: 0px; margin: 0px; opacity: 0;" id="products_sortby" class="bootstyl text-left" data-additional-classes="btn-info solid unbordered" data-verse="right">
                     <option value="?p=1&amp;sb=name" selected="">Name</option>                   
					          <option value="?p=1&amp;sb=price_order">Price</option>
						      <option value="?p=1&amp;sb=code">Code</option>                   </select>

               </div>              
                              <div class="clearfix"></div>
            </section>      
			
<?php
	$catid = isset($_GET['catid']) ? $_GET['catid'] : 1;
	$records_per_page	=	30;
	$query				=	"SELECT COUNT(ProductName) AS count FROM product where   `CategoryID` =$catid";
	$results				=	mysqli_query($con,$query) or die(mysql_error());
	$row				= 	mysqli_fetch_array($results,MYSQLI_ASSOC);
	$count				=	$row['count'];
	$total_pages		=	ceil($count / $records_per_page);
?>

<script src="load-more.js" type="text/javascript"></script>
<script type="text/javascript">
	var total_pages	=	<?php echo $total_pages; ?>;
</script>

<input type="hidden" name="catid" id="catid" value="<?=$catid?>">
				
			 <div class="row-fluid" id="product_grid_view" style="width:100%;display:block;" >  
				 <div id="container">
					<div id="contact-box">
						<div id="messages-list">
								
						</div>
					</div>
				</div>
			  </div>
			  <div id="product_list_view" style="display:none;">
				
			  
			  </div>
			  
			  <img id="load_more_gif" src='img/loader.gif' style='margin-left:45%;width:75px;display:none;' > 
			  <button id="load-more" style="margin:0 5px 0 5px;width:100%;padding:5px;1px 1px 10px;font-weight:bold;color:white;border:medium none;background:none repeat scroll 0% 0% #1A83B3">Load More</button>
			  
			  <script>
				  function grid_list(g_l)
				{
					if(g_l)
					{
						
						
						document.getElementById('product_grid_view').style.display='none';
						document.getElementById('product_list_view').style.display='block';
						$( "#list_view" ).removeClass( "list-view" ).addClass( "list-view active" );
						$( "#grid_view" ).removeClass( "grid-view active" ).addClass( "grid-view" );
						var current_page	=	1;
						var loading			=	false;
						var oldscroll		=	0;
						var catid = $("#catid").val();
						
						document.getElementById("load_more_gif").style.display="block";
						$.ajax({
							url:'list.php?action=loadmore&catid='+catid,
							type:'post',
							dataType: "html",
							data: {p:current_page,catid:catid},
							success:function(data){
								document.getElementById("load_more_gif").style.display="none";
								$('#product_list_view').html(data);
								current_page++;
							}
						},'html');
						var howMany = 1;
						$('#load-more').click(function(){
						document.getElementById("load_more_gif").style.display="block";
								howMany += 1;
								$("#info").text(howMany);
								$.ajax({
									url:"list.php?action=loadmore&catid="+catid,
									type:"post",
									'data': 'p='+howMany,
									success:function(data){
										document.getElementById("load_more_gif").style.display="none";
										$('#product_list_view').append(data);
									}
								});
								 
							});
						
					
					}else	
						{
						
							
							
							document.getElementById('product_grid_view').style.display='block';
							document.getElementById('product_list_view').style.display='none';
							$( "#list_view" ).removeClass( "list-view active" ).addClass( "list-view " );
							$( "#grid_view" ).removeClass( "grid-view " ).addClass( "grid-view active" );
						
						}	
					
				
				}
				
			  </script>
			 
			  
			  </section>
          <!-- /SHOWCASE -->  
	
         <!-- BODY ROW --> 
        
   </section> <!-- /CONTAINER -->
	<footer>
  <div class="container-fluid" id="footer_modified">
   <div class="container-semifluid">   
      <div class="row-fluid">
        <div class="span6">        
          <img src="BootCommerce Demo_files/bc_logo_footer.png" alt="http://www.mrplugins.it/bootcomemrce" width="30%">
          <p style="text-align:justify">
          "Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed
 do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim 
ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut 
aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit 
in voluptate velit esse cillum dolore eu fugiat nulla pariatur. 
Excepteur sint occaecat cupidatat non proident, sunt in
          </p>
         <div class="clearfix"></div>
        </div>
        <div class="span3">
          <div class="box-header">
            <span class="header-text" style="white-space:nowrap;">Your Account</span>   
          </div>         
         <ul class="menu-vertical-indicator">
           <li><a href="">General Info</a></li>
           <li><a href="">Addresses</a></li>
           <li><a href="">Orders</a></li>
           <li><a href="">Contact Us</a></li>
         </ul>
         <div class="clearfix"></div>
        </div>
        <div class="span3">
          <div class="box-header">
            <span class="header-text" style="white-space:nowrap;">Contact Us</span>   
          </div>         
         <ul>
           <li><img src="BootCommerce Demo_files/footer-phone.png">1234564545</li>
           <li><img src="BootCommerce Demo_files/footer-email.png"> contact@q8movies.com</li>
           <li><img src="BootCommerce Demo_files/footer-marker.png"> abc, xyz</li>
         </ul>
         <div class="clearfix"></div>
        </div>       
                     
      </div>
      
   </div>
  </div>    
</footer>
<!-- retrieve user's data form -->						 
<div id="retrieve-data-modal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="retrieve-data-modallabel" aria-hidden="true">
  <div class="modal-header">
    <button type="button" class="close" data-dismiss="modal" aria-hidden="true"><li class="icon-remove"></li></button>
    <span id="retrieve-data-modallabel"><strong class="label label-info">Retrieve Your access data</strong></span>
  </div>  
  <div class="modal-body">
     <div id="retrieve-result" class="hide"></div>
     <form novalidate="novalidate" method="post" action="http://www.mrplugins.it/bootcommerce/retrieve-data.php" accept-charset="UTF-8" id="retrieve-data-form">    		  
         <div class="control-group">
           <div class="controls">
            <label for="userid-retrieve">UserID</label>
             <div class="input-prepend">
              <span class="add-on"><i class="icon-user"></i></span>              
              <input autocomplete="off" name="userid_retrieve" id="userid-retrieve" class="leastoneinput" placeholder="UserID" type="text">   
             </div> 
           </div>                       
         </div>
         <div class="control-group">
           <div class="controls">  
             <label for="email-retrieve">E-mail</label> 
             <div class="input-prepend">                          
              <span class="add-on"><i class="icon-envelope"></i></span>              
              <input autocomplete="off" name="email_retrieve" id="email-retrieve" class="leastoneinput email" placeholder="E-mail" type="text">
            </div>
          </div>                                           
        </div>   
        <span class="btn btn-info unbordered solid squared pull-right" id="btn-retrieve-data"><i class="icon-white icon-wrench"></i> Retrieve data</span>
        <div class="clearfix"></div>              
       </form>  
  </div>
</div> 
<!-- / retrieve user's data form -->							
<a style="display: none;" id="go-to-top"></a>
</div><!-- CLOSE CONTAINER FOR NICESCROLL PLUGIN (FIX CHROME SCROLLING PROBLEM), div opened into body-header.php file -->
   
</div>

</div>
<div style="height:100%;width:100%;z-index:9999;position:fixed;top:0px;left:0px;background-color:rgba(0, 0, 0, 0.44);display:none;" id="cart_popup" >
	<!--<iframe style="background-color:transparent;" id="ifrm"  name="ifrm" src="cartpop.php" frameborder="0" height="100%" scrolling="no" width="100%"></iframe>-->
</div>



<div style="height:100%;width:100%;z-index:9999;position:fixed;top:0px;left:0px;background-color:rgba(0, 0, 0, 0.44);display:none;" id="trailer_popup" >
	<iframe style="background-color:transparent;" id="trailer_ifrm"  src="trailer.html" frameborder="0" height="100%" scrolling="no" width="100%"></iframe>
</div>

<div style="height:100%;width:100%;z-index:9999;position:fixed;top:0px;left:0px;background-color:rgba(0, 0, 0, 0.44);display:none;" id="item_added_msg_popup" >
	<div style="margin-top:15%;display:block;width:300px;background:white;margin-left:auto;margin-right:auto;box-shadow:0px 5px 15px rgba(0, 0, 0, 0.5);padding:10px;" >
		<p id="added_msg" style="color:green;text-align:center;font-weight:bold;">The item was successfully added to the cart</p>
		<input style="display:block;margin-left:auto;margin-right:auto;width:50px;" type="button" value="OK" onclick="$('#item_added_msg_popup').css('display','none');" >
	</div>
</div>

<!--<div style="position:fixed;top:0px;left:0px;">
	<img src="img/loader.gif">
</div>-->

</body>
</html>